@charset "utf-8";
@import "common";

.carousel-inner > .item {
  background-color: #c0b849;
}

section .hot1 {
  padding-top: 33px;
  padding-bottom: 30px;
  .container {
    background: url(/images/game/hot1.png) no-repeat -10px top;
    position: relative;
    .hot-bi {
      position: absolute;
      top: -35px;
      left: 15px;
    }
    .row {
      .hot1-box {
        .row {
          h2 {
            font-size: 29.96px;
            line-height: 29.96px;
            color: #2a2a2a;
            text-align: right;
            padding-right: 15px;
          }
          p {
            padding-top: 9px;
            text-indent: 1em;
            font-size: 12px;
            line-height: 30px;
            color: #898989;
            text-align: right;
            padding-right: 15px;
          }
          ul {
            li {
              padding-top: 28px;
              padding-left: 30px;
            }
          }
        }
      }
    }
  }
}

section .hot2 {
    padding-top: 33px;
    
    .container {
      background: url(/images/game/hot2.png) no-repeat right 28px;
      padding-bottom: 124px;
      position: relative;
      .row {
        .hot1-box {
          .row {
            h2 {
              font-size: 29.96px;
              line-height: 29.96px;
              color: #2a2a2a;
              text-align: left;
              padding-right: 15px;
            }
            p {
              padding-top: 9px;
              text-indent: 1em;
              font-size: 12px;
              line-height: 30px;
              color: #898989;
              text-align: left;
              padding-right: 15px;
            }
            ul {
              li {
                padding-top: 28px;
                padding-left: 15px;
              }
            }
          }
        }
      }
    }
  }

section .more{
    .container{
        padding-bottom: 50px;
        .row{
            h2{
              font-size: 36px;  
              color: #010101;
              line-height: 36px;
              padding-bottom: 38px;
            }
            .row{
                ul {
                    li{
                        padding-bottom: 43px;
                        p{
                            padding-top: 12px;
                            text-align: center;
                            font-size: 14px;
                            line-height: 14px;
                            color: #2A2A2A;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 768px) and (max-width: 991px) {
  section .hot1  .container {
    background: url(/images/game/hot1.png) no-repeat -10px top/0% 0%;
  }
  section .hot1 .container .row .hot1-box .row ul li {
    text-align: center;
  }
  section .hot1 .container .row .hot1-box .row p {
    text-align: center;
  }
  section .hot1 .container .row .hot1-box .row h2 {
    text-align: center;
  }
  section .hot1 .container .hot-bi img {
    width: 0px;
    height: 0px;
  }

  section .hot2  .container {
    background: url(/images/game/hot1.png) no-repeat right 28px/0% 0%;
  }
  section .hot2 .container .row .hot1-box .row ul li {
    text-align: center;
  }
  section .hot2 .container .row .hot1-box .row p {
    text-align: center;
  }
  section .hot2 .container .hot-bi img {
    width: 0px;
    height: 0px;
  }

  section .hot2 .container .row .hot1-box .row h2 {
    text-align: center;
  }

  section .more .container .row h2 {
      text-align: center;
  }

  section .more .container .row .row ul li img {
    margin-left: 35px;
    margin-right: 15px;
   }
   section .more .container .row .row ul li:nth-of-type(2n) img {
     margin-left: 20px;
     margin-right: 15px;
    }
}

@media (max-width: 768px) {
  section .hot1  .container {
    background: url(/images/game/hot1.png) no-repeat -10px top/0% 0%;
  }
  section .hot1 .container .row .hot1-box .row ul li {
    text-align: center;
  }
  section .hot1 .container .row .hot1-box .row p {
    text-align: center;
  }
  section .hot1 .container .row .hot1-box .row h2 {
    text-align: center;
  }
  section .hot1 .container .hot-bi img {
    width: 0px;
    height: 0px;
  }

  section .hot2  .container {
    background: url(/images/game/hot1.png) no-repeat right 28px/0% 0%;
  }
  section .hot2 .container .row .hot1-box .row ul li {
    text-align: center;
  }
  section .hot2 .container .row .hot1-box .row p {
    text-align: center;
  }
  section .hot2 .container .row .hot1-box .row h2 {
    text-align: center;
  }

  section .more .container .row .row ul li img {
   margin-left: 15px;
   margin-right: 15px;
  }
  section .more .container .row .row ul li:nth-of-type(2n) img {
    margin-left: 0px;
    margin-right: 15px;
   }

   section .more .container .row h2 {
    text-align: center;
}
}

